/*类似 html 根元素*/
:root {
    /*导航栏高度*/
    --van-tabbar-height: 50px !important;

    /*定义主题色变量*/
    --primary-color: #FF9645;

    /*vant主题色*/
    --van-primary-color: var(--primary-color);

    /*定义辅助颜色背景*/
    --auxiliary-back-color: #f7f9fb;
    --auxiliary-back-color-two: rgba(241, 241, 245, 0.84);

    /*辅助文字颜色*/
    --auxiliary-text-color: #999999;

    /*div辅助线*/
    --auxiliary-gray-line: 1px #f2f2f2 solid;

    /*修改搜索按钮颜色*/
    --van-search-left-icon-color: var(--primary-color) !important;

    /*修改tab底部横条颜色*/
    --van-tabs-bottom-bar-color: var(--primary-color) !important;

    /*返回顶部按钮颜色*/
    --van-back-top-background: var(--primary-color) !important;

    /*导航栏颜色*/
    --van-nav-bar-title-text-color: var(--primary-color) !important;
    --van-tab-active-text-color: var(--primary-color) !important;

    /*vant边框颜色*/
    --van-border-color: #f2f2f2;

    /*日期颜色*/
    --van-calendar-range-edge-background: var(--primary-color) !important;
    --van-calendar-range-middle-color: var(--primary-color) !important;
    --van-button-primary-background: var(--primary-color) !important;
    --van-button-primary-border-color: var(--primary-color) !important;

    /*选项卡圆角*/
    --options-border-radius: 14px;

    /*卡片圆角*/
    --card-border-radius: 6px;

    /*全局宽度*/
    --width: 100vw;
}

@font-face {
    src: url("../font/HarmonyOS_Sans_SC_Regular.ttf");
    font-family: 'HarmonyOS_Sans_SC';

    /*为字体规则添加属性font-display*/
    font-display: fallback;
}

body {
    font-size: 14px;
    font-family: HarmonyOS_Sans_SC, serif;
}

/*覆盖tabbar显示的css样式*/
.topPage {
    position: relative;
    z-index: 9;
    height: 100vh;
    /*background: #F7F8FB;*/

    /*在视图内进行滚动，而不是页面滚动*/
    overflow-y: auto;
}

/*显示tabbar的页面*/
.page {
    margin-bottom: var(--van-tabbar-height);
}

/*房源卡片*/
.homeItem {
    --item-width: calc((var(--width) - 10px) / 2 - 10px);
    width: var(--item-width);
    height: calc(var(--item-width) * 1.3);
    margin: 5px;
    overflow: hidden;
    box-sizing: border-box;
    border-radius: var(--card-border-radius);
    background: #fff;
}